  .po-f{position:fixed;}
  .main{font-size:14px;}
  .main .header img{width:100%;}
  .main .header p.head-wrap{text-align:center;margin-top:-5.6em;}
  .main .header p img{width:7.5em;height:7.5em;border:1px solid #333;border-radius:50%;margin:0 auto;}
  .main .header p{text-align:center;color:#474443;}
  .main .header p.name-title{font-size:1em;line-height:2em;}
  .main .header p.slogan{font-size:1.2em;font-weight:600;}

  .main .content-wrap{text-align:center;padding:20px 0 0;}
  .main .content-wrap .qrcode-wrap{display:inline-block;background:url(../../img/qrcode_bg.png) no-repeat top 0 left 0;padding:3px;background-size:100%;}
  .main .content-wrap .qrcode-wrap img.qrcode{width:12.5em;height:12.5em;}
  .main .content-wrap .qrcode-wrap img.qrcode-logo{width:1.8em;height:1.8em;top:50%;left:50%;margin-top:-.8em;margin-left:-.8em;}

  .main .footer {bottom:0;left:0;right:0;text-align: center;z-index:1;}
  .main .footer img{width:100%;}
  .main .footer button{background:#fff;bottom:17px;padding:3px 6px;color:#d9262c;left:50%;margin-left:-54px;border-radius:2px;font-size:12px;}

  @media screen and (max-width: 375px){
  	.main .content-wrap .qrcode-wrap img.qrcode{
  		width:11em;
  		height:11em;
  	}
  }